﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UCDangKi.ascx.cs" Inherits="UC_User_UCDangKi" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<style type="text/css">
    .style1 {
        width: 343px;
    }

    .style2 {
        text-align: center;
        height: 34px;
    }
    .taikhoan {
        width: 221px;
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/user.gif');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
    .email {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/gmail.gif');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
    .matkhau {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/pass1.gif');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
    .hoten {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/ten.png');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
    .ngaysinh {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/ngaysinh.png');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
    .diachi {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/kv.gif');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
    .sdt {
        border: 1px solid #ccc;
        text-align: center;
        padding: 4px 4px 4px 20px;
        background: url('../Images/User/sdt.gif');
        background-repeat: no-repeat;
        background-position: left;
        box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    }
</style>

<div id="wp-centercol_inner">
    <div id="wp-pos-breadcrumbs">
        <span class="breadcrumbs pathway clearafter"><a href="Default.aspx" class="home"></a>
            <div id="crumbs">
                <span>Đăng kí thành viên</span></div>
        </span>
    </div>
    <div id="wp-mainbody-content">
        <div id="wp-mainbody">

            <div class="com-content ">
                <div class="article">

                    <div class="wp-article-content"></div>
                    &nbsp;<table width="80%" border="0" align="center"
                        style="border-style: solid; border-width: 1px">
                        <tr>
                            <td colspan="3">
                                <h3 align="center">Đăng Ký Thành Viên </h3>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Tên đăng nhập(*)</td>
                            <td  class="taikhoan">
                                <asp:TextBox ID="txtTaiKhoan" runat="server" Width="310px"></asp:TextBox>
                            </td>
                            <td width="330">
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ErrorMessage="Tài khoản quá ngắn" ControlToValidate="txtTaiKhoan" ValidationExpression=".{5,20}" ForeColor="Red" Display="Dynamic">
                                </asp:RegularExpressionValidator>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtTaiKhoan" ErrorMessage="(*)" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Email (*)</td>
                            <td class="email">
                                <asp:TextBox ID="txtEmail" runat="server" Width="310px"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
                                    ControlToValidate="txtEmail" ForeColor="Red" Display="Dynamic" ErrorMessage="(*)"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
                                    ControlToValidate="txtEmail" ErrorMessage="Sai Định Dạng Email" ForeColor="Red" Display="Dynamic"
                                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Mật khẩu(*)</td>
                            <td class="matkhau">
                                <asp:TextBox ID="txtMatKhau" runat="server" Width="310px" TextMode="Password"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ErrorMessage="Mật khẩu phải hơn 6 kí tự" ControlToValidate="txtMatKhau" ValidationExpression=".{6,20}" ForeColor="Red" Display="Dynamic">
                                </asp:RegularExpressionValidator>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtmatKhau" ValidationExpression=".{6,20}" ErrorMessage="(*)" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Xác nhận mật khẩu(*):</td>
                            <td class="matkhau">
                                <asp:TextBox ID="txtMatKhau2" runat="server" Width="310px" TextMode="Password"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToCompare="txtmatKhau" ControlToValidate="txtMatKhau2" ErrorMessage="(*)" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                                <asp:CompareValidator ID="comparePasswords" runat="server" ControlToCompare="txtMatKhau" ControlToValidate="txtMatKhau2" ErrorMessage="Mật khẩu phải trùng nhau!" ForeColor="Red" Display="Dynamic" />
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Họ tên(*):</td>
                            <td class="hoten">
                                <asp:TextBox ID="txtTen" runat="server" Width="310px"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtTen" ErrorMessage="(*)" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Ngày Sinh</td>
                            <td class="ngaysinh">
                                <asp:TextBox ID="txtNgaySinh" runat="server" Width="310px"></asp:TextBox>
                            </td>
                            <td>
                                <asp:MaskedEditExtender ID="txtNgaySinh_MaskedEditExtender" runat="server" Century="2000" Enabled="True" Mask="99/99/9999" MaskType="Date" PromptCharacter="_" TargetControlID="txtNgaySinh" UserDateFormat="DayMonthYear">
                                </asp:MaskedEditExtender>
                                <asp:MaskedEditValidator ID="MaskedEditValidator1" ControlToValidate="txtNgaySinh" ControlExtender="txtNgaySinh_MaskedEditExtender" runat="server" Font-Bold="True" ForeColor="Red" InvalidValueMessage="Không đúng định dạng dd/mm/yyyy"></asp:MaskedEditValidator>
                                <asp:CalendarExtender ID="CalendarExtender1" runat="server" DefaultView="Days" Enabled="True" PopupPosition="BottomLeft" TargetControlID="txtNgaySinh" Format="dd/MM/yyyy" EnableViewState="true">
                                </asp:CalendarExtender>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Địa chỉ</td>
                            <td class="diachi">
                                <asp:TextBox ID="txtDiaChi" runat="server" Width="310px"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="txtDiaChi" ErrorMessage="(*)" ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="style1">Số Điện Thoại(*)</td>
                            <td class="sdt">
                                <asp:TextBox ID="txtSDT" runat="server" Width="310px"></asp:TextBox>
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server"
                                    ControlToValidate="txtSDT" Display="Dynamic" ForeColor="Red" ErrorMessage="(*)"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server"
                                    ControlToValidate="txtSDT" ErrorMessage="Sai định dạng" ForeColor="Red" Display="Dynamic"
                                    ValidationExpression="0\d{9,10}"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <h3>
                                    <asp:Label ID="lblThongBao" runat="server" ForeColor="Red"></asp:Label>
                                </h3>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="style2">
                                <asp:ImageButton ID="btdangnhap" runat="server" ImageUrl='~/Images/User/dangky.gif'
                                    ImageAlign="AbsMiddle" OnClick="btnDangKi_Click" />
                                &nbsp;
                            </td>
                        </tr>
                    </table>
                    <p>
                        <asp:ScriptManager ID="ScriptManager1" runat="server"
                            EnableScriptGlobalization="True">
                        </asp:ScriptManager>
                    </p>
                </div>
            </div>

        </div>
    </div>
</div>
